草庐IT

vue 组件的引用

全部标签

javascript - 如何在单击按钮时添加 React 组件?

我想要一个Addinput按钮,单击该按钮将添加一个新的Input组件。以下是我认为是实现我想要的逻辑的一种方法的React.js代码,但不幸的是它不起作用。我得到的异常是:invariant.js:39UncaughtInvariantViolation:ObjectsarenotvalidasaReactchild(found:objectwithkeys{input}).Ifyoumeanttorenderacollectionofchildren,useanarrayinsteadorwraptheobjectusingcreateFragment(object)fromthe

javascript - 在 Angular 2 中鼠标悬停之前,组件变量更改不会在 View 中更新

从angular2-alpha更新到最新版本后,bool值的更改不会更新*ngIf,直到执行某些操作。这里是有问题的组件:declarevarCKEDITOR:any;exportclassFieldComponent{@Input()field:any={};ckeditor:any;editable:boolean=false;constructor(){this.switchToUnEditable();this.listenForEvent("FieldEditableEvent",(data)=>{this.switchToEditable();});}switchToEdi

javascript - bundle.js 而不是 React 组件上的控制台日志记录错误

我创建了一个适合我的Webpack构建-它有一个用于热重载的开发服务器,以及一个运行模板html文件并集成bundle.js文件。一切都很好,除了当我在我的开发服务器上工作时,控制台给我这样的错误消息:UncaughtError:预期reducer是一个函数。(…)bundle.js:36329它引用bundle.js作为错误源,而不是我正在使用的组件,这使得追踪错误源变得非常困难。据控制台所知,我知道它是包含错误的bundle.js文件,但我怎样才能让控制台记录预捆绑代码?(例如Component.js)提前致谢。 最佳答案 您应

javascript - react 切换组件

我在下面有这个简单的代码。当我按下切换按钮时,组件Child应该隐藏/显示,但事实并非如此。我必须重新渲染某些东西吗?我不想切换进/出CSS类,只需通过单击按钮进行切换importReact,{Component}from'react';letactive=trueconsthandleClick=()=>{active=!active}classParentextendsReact.Component{render(){return({active&&}Toggle)}}classChildextendsReact.Component{render(){return(Iamthech

javascript - 限制 vue/vuex react 性

假设我们有一些对象数组,并且这些对象永远不会改变。例如,这可能是从googlemapsplacesapi接收到的搜索结果-每个结果都是相当复杂的对象,具有ID、标题、地址、坐标、照片和一堆其他属性和方法。我们想用vue/vuex在map上显示搜索结果。如果一些新的结果被推送到商店,我们想在map上画出它们的标记。如果某些结果被删除,我们要删除它的标记。但在内部,每个结果都不会改变。有什么方法可以告诉vue跟踪数组(推送、拼接等),但不要更深入并且不要跟踪其元素的任何属性?现在我只能想象一些丑陋的数据拆分-将id数组保留在vue中,并在商店外有单独的id缓存。我正在寻找更优雅的解决方案(

javascript - 如何为测试禁用 vue.js 转换?

我有一个使用的vue.js组件动画隐藏/显示的元素。为了加快测试速度,我想禁用动画。我该怎么做?*{transition:none!important}建议在这里:https://github.com/vuejs/vue/issues/463但这似乎没有什么不同。我在这里创建了一个fiddle:https://jsfiddle.net/z11fe07p/2268/运行“测试”最后的输出是“3.Displayshouldbe"none",itis:block”。如果我将超时增加到100,或者删除元素,我得到预期的输出“3.Displayshouldbe“none”,它是:none”那么我

javascript - 在功能组件中存储非状态变量

下面是两个React组件,它们几乎做同样的事情。一个是函数;另一个是一个类。每个组件都有一个Animated.Value和一个在发生变化时更新_foo的异步监听器。我需要能够访问功能组件中的_foo,就像我在经典组件中访问this._foo一样。FunctionalBar在全局范围内不应有_foo,以防有多个FunctionalBar。FunctionalBar不能在函数作用域中包含_foo,因为每次FunctionalBar呈现时都会重新初始化_foo。_foo也不应处于状态,因为当_foo更改时组件不需要呈现。ClassBar没有这个问题,因为它在组件的整个生命周期中保持_foo在

Javascript 类和变量引用

我正在尝试解决这个令人困惑的JavascriptOOP问题。所以我有以下类(class):varClassA=function(){this.initialize();}ClassA.prototype={methods:['alpha','beta','gama'],initialize:function(){for(variinthis.methods){this[this.methods[i]]=function(){console.log(this.methods[i]);}}}}vara=newClassA();当我调用每个方法时,我希望打印它的名称,对吗?但这是我得到的:a

javascript - 引用模块中的全局变量

我在htmlheader中声明了一个全局变量,并想从模块内的类中引用它。如何防止编译器错误:错误TS2095:找不到符号“selfGlobal”。varselfGlobal=this;varglobalVariable=1;在测试中moduleTest{exportclassTestClass{private_privateVariable:any;constructor(){this._privateVariable=selfGlobal.globalVariable;//compileerrorthrowshere,butthecodecanrun}}}谢谢!火星

javascript - selectize.js - 如何在 load() 期间引用 select 元素的某些属性?

我正在使用selectize.js:我有很多相似的选择框选项在load()期间从服务器动态加载在.load()期间进行的查询对于每个选择框都是唯一的。例如,我想要一个.load()根据选择框的某些属性(例如,data-someproperty)命中不同的URL。我该怎么做?现在的代码几乎与RemoteSourceexamplefromtheSelectizedocs相同.$('.select-repo').selectize({valueField:'url',labelField:'name',searchField:'name',create:false,...load:funct